<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<body>
    <!-- 1.根据id获取元素   
            方法：调用document对象的getElementById方法。
            参数:字符串类型的id的属性值
            返回值:对应id名的元素对象
            注意1：由于id具有唯一性，部分浏览器支持使用id名访问元素,但不是标准形式,不推荐使用。
            注意2：代码执行顺序,如果js在html结构之前,会导致结构未加载,不能获取对应id的元素。 -->

    <p id="para"></p>
    <p id="box"></p>
    <p>text3</p>
    <p>text4</p>




</body>
<script>
    /* 代码书写顺序：js中获取元素时，必须保证元素已经在浏览器内渲染成功 */
    let para = document.getElementById("para")
    /* 补充：在控制台打印具体的对象 */
    console.dir(para)
    console.log(para)
</script>



</html>